在这篇文章里vue中使用echarts自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客，总结了echarts的一些简单用法。这篇文章，一个是在原来的自定义浮窗内容上实现了地图的颜色渐变，一个是简化了地图的样式。

上篇文章地图的样式感觉是带点发光的虚影，是立体的，具体代码如下（写在geo里）：

具体每行代码实现了什么样式，我没有研究。

因为我们要实现地图的颜色渐变，所以只需要地图有最简单的样式，即只需要设置地图的边界颜色、填充颜色。

这样就实现了一个地图填充蓝色，高亮深蓝色，边界为白色的地图。

在上篇文章中我们提到，formatter接收一个params，params里有两个value。颜色的渐变是根据value的值来改变的，但上篇文章接收的params中的value需要是一个数值，我们如果需要实现浮窗，就需要接收不止一个value。

后来在别的文章中发现还可以给data设置一个text，用来存放浮窗内容，此时我们就可以把airData的内容更新为：

让value存放数值，将浮窗内的内容存进text（text里也可以是数组，但是用对象更好，因为这个数据之后一定是后端传过来可以实时更新的，写死的数据无所谓数组或对象）。这时候再获取params里的值，可以看到当data.value是数值时，value就可以获取到了。

 然后我们加入颜色渐变的代码（直接放进去，和geo，series同级）：

就可以获得一个渐变的地图：

因为我们的airData更新了，formatter中接收的参数也需要修改（formatter写在tooltip里）：

然后就实现了自定义浮窗内容：